<a class="bubble" href="{{ .Permalink }}">
    <i class="fas fa-fw {{or .Params.icon "fa-music" }}"></i>
</a>

<article class="audio">
    {{ partial "featured-image" . }}

    {{ with .Params.spotify }}
    <div class="responsive-audio spotify">
        <iframe src="https://open.spotify.com/embed?uri={{ . }}" width="300" height="80" frameborder="0"
            allowtransparency="true"></iframe>
    </div>
    {{ end }}
    {{ with .Params.soundcloud }}
    <div class="responsive-audio soundcloud">
        <iframe width="100%" height="166" scrolling="no" frameborder="no"
            src="https://w.soundcloud.com/player/?url={{ . }}&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true"></iframe>
    </div>
    {{ end }}
    {{ with .Params.tunein }}
    <div class="responsive-audio tunein">
        <iframe src="https://tunein.com/embed/player/{{ . }}/" style="width:100%; height:100px;" scrolling="no"
            frameborder="no"></iframe>
    </div>
    {{ end }}
    {{ with .Params.mixcloud }}
    <div class="responsive-audio mixcloud">
        <iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=/{{ . }}/"
            frameborder="0"></iframe>
    </div>
    {{ end }}

    {{ partial "default-content" . }}
    {{ partial "article-footer" . }}
</article>
